﻿<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
    <link href="../css/WeUI/weui.min.css" rel="stylesheet" />
    <link href="../css/mui/mui.min.css" rel="stylesheet" />
    <style>
        body {
            font-family: 'Microsoft YaHei';
        }

        p {
            font-size: 4.5vw;
        }
    </style>
    <title>视频列表</title>
</head>
<body>
    <!-- <header class="mui-bar mui-bar-nav" style="position: sticky;">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: gray;" href="../index.html"></a>
        <h1 class="mui-title">视频列表</h1>
    </header> -->
    <div class="weui-search-bar" id="searchBar" onclick="location.href = '搜索页.html'">
        <form class="weui-search-bar__form" style="height: 30px;">
            <div class="weui-search-bar__box">
                <i class="weui-icon-search"></i>
                <input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索" required />
                <a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
            </div>
            <label class="weui-search-bar__label" id="searchText">
                <i class="weui-icon-search"></i>
                <span>搜索</span>
            </label>
        </form>
        <a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
    </div>
    <div class="mui-card" onclick="location.href = './details.html'">
        <div class="mui-card-content">
            <img src="../images/video2.png" alt="" width="100%" />
        </div>
        <div class="mui-card-footer">
            <h5>React的使用</h5>
        </div>
    </div>
    <div class="mui-card" onclick="location.href = './details.html'">
        <div class="mui-card-content">
            <img src="../images/video2.png" alt="" width="100%" />
        </div>
        <div class="mui-card-footer">
            <h5>React的使用</h5>
        </div>
    </div>
    <div class="mui-card" onclick="location.href = './details.html'">
        <div class="mui-card-content">
            <img src="../images/video2.png" alt="" width="100%" />
        </div>
        <div class="mui-card-footer">
            <h5>React的使用</h5>
        </div>
    </div>
    <div class="mui-card" onclick="location.href = './details.html'">
        <div class="mui-card-content">
            <img src="../images/video2.png" alt="" width="100%" />
        </div>
        <div class="mui-card-footer">
            <h5>React的使用</h5>
        </div>
    </div>
    <div class="mui-card" onclick="location.href = './details.html'">
        <div class="mui-card-content">
            <img src="../images/video2.png" alt="" width="100%" />
        </div>
        <div class="mui-card-footer">
            <h5>React的使用</h5>
        </div>
    </div>
    <div class="mui-card" onclick="location.href = './details.html'">
        <div class="mui-card-content">
            <img src="../images/video2.png" alt="" width="100%" />
        </div>
        <div class="mui-card-footer">
            <h5>React的使用</h5>
        </div>
    </div>
</body>
</html>